Sesion 9
JavaScript


Datatypes

Strings

Strings are a caden of characters, example: "hello world", to know it's a string are the quotes ("), strings bascly represent text

Numbers

Numbers are a value representation , example: 123, they haven't quotes ("), they don't need any special symbol to say the computer it's a number, the fundamental it's just type the requerid number

Boolean

Booleans represent the statement of a condition, have to states: true false, equal to the numbers don't need any special number, just need to specify true or false

Using: alerts and variables

1 + 2 = result

1 - 2 = result

Code of

<script>
function makeTheRest(){
    let restResult = document.getElementById("rest-result");
        
    console.log(restResult.innerHTML);
    restResult.innerHTML = Number(document.getElementById("minuend").innerHTML) - Number(document.getElementById("sustract").innerHTML);
    alert("Rest solved result: "+restResult.innerHTML)
    
}
</script>

<p>
    <button type="button" onclick="makeTheRest()">Make the Rest</button>
    <span id="minuend">1</span> + <span id="sustract">2</span> = <span id="rest-result">result</span>
</p>
                    

Math operators

                    <script>
                    //Code of
                    function getVars(){
                        let num1 = document.getElementById("num1").value;
                        let num2 = document.getElementById("num2").value;

                        num1 = Number(num1);
                        num2 = Number(num2);
                        
                        if (typeof(num1) != typeof(1)) {num1 = 0;};
                        if (typeof(num2) != typeof(1)) {num2 = 0;};

                        return [num1, num2];
                    }
                    function operation(op) {
                        let resultText = document.getElementById("result");
                        let simbol = document.getElementById("simbol");
                        let vars = getVars()
                        let restult;                        

                        if (op=="-") {
                            result = vars[0] - vars[1];
                        } else if (op=="+"){
                            result = vars[0] + vars[1];
                        } else if (op=="*"){
                            result = vars[0] * vars[1];
                        } else {
                            result = vars[0] % vars[1];
                        };
                        
                        //alert("Operation solved, result: " + result)

                        simbol.innerHTML = op
                        resultText.value = result;
                    };

                    function rest(){ operation("-"); };

                    function sum(){ operation("+"); };

                    function multiply(){ operation("*"); };

                    function moduleOperator(){ operation("%"); };
                    </script>